<template>
	<view class="">
		<Basepresent></Basepresent>
	</view>
</template>

<script>
	import Basepresent from "../../components/Basepresent/index.vue"
	export default {
		data() {
			return {
				text: 'uni-app'
			}
		},
		onLoad: function(options) {
			setTimeout(function() {
				console.log('start pulldown');
			}, 1000);
			uni.startPullDownRefresh();
		},
		onPullDownRefresh() {
			console.log('refresh');
			setTimeout(function() {
				uni.stopPullDownRefresh();
			}, 1000);
		},
		onReachBottom() {
			console.log("触底")
		},
		components:{
			Basepresent
		}
	}
</script>

<style lang="scss" scoped>
	.listbox {
		width: 100%;
		height: 212rpx;
		background-color: #ffffff;
		margin: 0 auto;
		margin-top: 20rpx;
		display: flex;

		.leftbox {
			width: 212rpx;
			height: 212rpx;
			padding-top: 30rpx;
			box-sizing: border-box;
			border-right: 1rpx dashed #dcdcdc;

			image {
				width: 150rpx;
				height: 150rpx;
				display: block;
				margin: auto;
			}
		}

		.rightbox {
			margin-left: 41rpx;
			padding-top: 30rpx;
			box-sizing: border-box;

			.name {
				font-family: MicrosoftYaHei-Bold;
				font-size: 26rpx;
				color: #000;
				font-weight: 700;
			}

			.astrict {
				font-family: MicrosoftYaHei;
				font-size: 24rpx;
				color: #FF4B14;
				margin-top: 12rpx;
			}

			.site {
				font-family: MicrosoftYaHei;
				font-size: 24rpx;
				color: #000;
				margin-top: 12rpx;
			}

			.time {
				font-family: MicrosoftYaHei;
				font-size: 24rpx;
				color: #999999;
				margin-top: 12rpx;
			}
		}
	}
</style>
